<!DOCTYPE html>
<html lang="en" class="md device-pixel-ratio-3 device-retina device-desktop device-windows support-position-sticky">

<head>
    <meta charset="utf-8" />
    <meta name="theme-color" content="#000000" />
    <meta name="viewport"
        content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1" />
    <link rel="apple-touch-icon" href="favicon.ico" />
    <meta name="apple-mobile-web-app-title" content="坏坏漫画" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="referrer" content="never">
    <script type="text/javascript" src="js/debug.js"></script>
    <link rel="shortcut icon" href="./favicon.ico" />
    <title>坏坏漫画</title>
    <link href="css/main.48b4036a.css" rel="stylesheet">
    <link href="css/aui.css" rel="stylesheet" />
    <script type="text/javascript" src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript" src="js/layer.js"></script>
    <script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
    <script type="text/javascript" src="js/layer.js"></script>
    <script type="text/javascript" src="js/template-web.js"></script>
    <script type="text/javascript" src="js/aui-toast.js"></script>
    <script type="text/javascript" src="js/aui-dialog.js"></script>
    <script type="text/javascript" src="js/config.js" charset="utf-8"></script>
    <div style="display: none;">
    </div>
    <script type="text/javascript" src="js/aui-slide.js"></script>
</head>
<body>
    <div id="root" style="height: 100%;">
        <div id="framework7-root" class="framework7-root">
            <div class="panel-backdrop"></div>
            <div class="panel panel-left panel-reveal">
                <div id="chapterDirectory" class="page">
                    <div class="page-content">
                        <div class="block-title">目录</div>
                        <div class="no-margin-bottom list virtual-list">
                            <ul id="leftpannel" style="height: 5667.84px;">
                                <li class="bg-color-default text-color-primary"
                                    style="height: 0.48rem; top: 0px; font-size: 110%; font-weight: 700;"><a
                                        class="item-link" href="#">
                                        <div class="item-content">

                                            <div class="item-inner">
                                                <div class="item-title">第1話-&lt;1&gt;</div>
                                            </div>
                                        </div>
                                    </a></li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-right panel-reveal">
                <!-- 侧边栏 -->
                <div class="page" id="right-page">
                    <script>
                        $("#right-page").load("right-page.html");
                    </script>
                </div>
            </div>
            <div class="view view-main">
                <script>
                    // 消失
                    function removebackdrop() {
                        $('.backdrop-in').remove();
                        $('.popover-on-bottom').remove();
                    };
                    $(function () {
                        var u = navigator.userAgent, app = navigator.appVersion;
                        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
                        var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
                        if (isIOS) {
                            //这个是ios操作系统
                            var html = '<div class="notification reader-download-notification" style="display: block;"><div class="notification-header"><div class="notification-icon icon reader-app-icon"></div><div class="notification-title text-color-primary">坏坏漫画<br>海量高品質漫畫搶先看</div><a class="button button-round button-fill button-small button-tan" onclick="" href="#">添加到主屏幕</a><span class="notification-close-button"></span></div></div>';
                            $('.framework7-root').prepend(html);
                        }
                        $(document).on('click', '.notification-close-button', function () {
                            $(this).parents('.notification').remove();
                        });
                        // 下载
                        $(document).on('click', '.down-app', function () {
                            window.open('/apps/');
                        });
                        // 添加
                        $(document).on('click', '.button-tan', function () {
                            var html = '<div class="popover-backdrop backdrop-in" onclick="removebackdrop()"></div>';
                            $('.framework7-root').append(html);
                            var html = `<div class="popover reader-save2screen-popover ios modal-in popover-on-bottom" style="display: block;">
                                    <div class="popover-angle on-bottom"></div>
                                    <div class="popover-inner">
                                    <div class="icon reader-app-icon"></div>
                                    <div>請輕點 <i class="f7-icons">share</i>，然後輕點“添加到主屏幕”。</div>
                                    </div>
                                </div>`;
                            $('.framework7-root').append(html);
                        });
                    });
                </script>
                <style>
                    #home_top {
                        margin: unset;
                    }

                    #home_top .item-inner {
                        padding-left: unset;
                        padding-right: unset;
                    }

                    #home_down {
                        margin: unset;
                    }

                    #home_down .item-inner {
                        padding-left: unset;
                        padding-right: unset;
                    }

                    .cover {
                        height: 1.5rem !important;
                    }

                    .cover img {
                        height: 100% !important;
                        object-fit: cover;
                    }
                </style>
                <div class="reader-index page page-current tabs" data-name="reader">
                    <div class="reader-index-toolbar toolbar toolbar-bottom-md tabbar tabbar-labels color-white">
                        <div class="toolbar-inner">
                            <a class="tab-link tab-link-active" href="/index.html" data-route-tab-id="home">
                                <div class="reader-index-toolbar-icon">
                                    <i class="icon_tj"></i>推荐
                                </div>
                            </a>
                            <a class="tab-link" href="/top.html" data-route-tab-id="category">
                                <div class="reader-index-toolbar-icon">
                                    <i class="icon_fl"></i>排行榜
                                </div>
                            </a>
                            <a class="tab-link" href="/favorite.html" data-route-tab-id="bookshelf">
                                <div class="reader-index-toolbar-icon">
                                    <i class="icon_wdmh"></i>我的漫画
                                </div>
                            </a>
                            <a class="tab-link" href="/user.html" data-route-tab-id="personal">
                                <div class="reader-index-toolbar-icon">
                                    <i class="icon_zh"></i>账号
                                </div>
                            </a>
                            <span class="tab-link-highlight"
                                style="width: 25%; transform: translate3d(0%, 0px, 0px);"></span>
                        </div>
                    </div>
                    <div class="tabs-animated-wrap my-box">
                        <div class="tabs" style="transform: translate3d(0%, 0px, 0px);">
                            <div id="home" class="page-content tab tab-active">
                                <div class="page" data-name="readerHome">
                                    <div class="page-content">
                                        <div class="tabs-animated-wrap">
                                            <div class="tabs" style="transform: translate3d(-000%, 0px, 0px);">
                                                <div id="reader-home-tab-cartoon-1552737054990" class="tab tab-active"
                                                    style="overflow-y: auto; position: relative;">
                                                    <div class="page">
                                                        <div class="no-padding page-content">
                                                            <div class="reader-home-title">
                                                                <div class="logo"></div>
                                                                <a class="font-size-24 link icon-only" href="/search.html">
                                                                    <i class="icon material-icons">search</i>
                                                                </a>
                                                            </div>
                                                            <div class="reader-home-swiper">
                                                                <div class="swiper-container swiper-container-coverflow swiper-container-3d swiper-container-horizontal">
                                                                    <div class="swiper-wrapper">
                                                                        <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0">
                                                                            <a class="no-fastclick" href="/book.html?id=56">
                                                                                <img style="height:1.9rem;" src="images/swiper.jpg" alt="" />
                                                                            </a>
                                                                        </div>
                                                                        <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0">
                                                                            <a class="no-fastclick" href="/book.html?id=108">
                                                                                <img style="height:1.9rem;" src="images/swiper.jpg" alt="" />
                                                                            </a>
                                                                        </div>
                                                                        <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                                                                    </div>
                                                                </div>
                                                                <div class="no-margin list no-hairlines">
                                                                    <ul>
                                                                        <li class="reader-home-actions-grid actions-grid">
                                                                            <div class="item-content">
                                                                                <div class="item-inner">
                                                                                    <div class="actions-group width-100 padding-vertical-sm padding-horizontal actions-group">
                                                                                        <div class="actions-button">
                                                                                            <a href="/isnew.html">
                                                                                                <div class="actions-button-media">
                                                                                                    <img slot="media" src="images/jrgx.png" alt="">
                                                                                                    <i class="reader-image-icon new" style="background-image: url(images/indexnew.png);"></i>
                                                                                                </div>
                                                                                                <!--indexnew.png></indexnew.png-->
                                                                                                <div class="actions-button-text">
                                                                                                    <span>今日更新</span>
                                                                                                </div>
                                                                                            </a>
                                                                                        </div>
                                                                                        <div class="actions-button">
                                                                                            <a  href="/top.html">
                                                                                                <div class="actions-button-media">
                                                                                                    <img slot="media"  src="images/phb.png" alt="">
                                                                                                    <!--phb.png></phb.png-->
                                                                                                </div>
                                                                                                <div class="actions-button-text">
                                                                                                    <span>排行榜</span>
                                                                                                </div>
                                                                                            </a>
                                                                                        </div>
                                                                                        <div class="actions-button">
                                                                                            <a href="/pay.html">
                                                                                                <div class="actions-button-media">
                                                                                                    <img slot="media" src="images/cz.png" alt="">
                                                                                                </div>
                                                                                                <!--cz.png></cz.png-->
                                                                                                <div class="actions-button-text">
                                                                                                    <span>储值</span>
                                                                                                </div>
                                                                                            </a>
                                                                                        </div>
                                                                                        <div class="actions-button">
                                                                                            <a href="/apps/">
                                                                                                <div class="actions-button-media">
                                                                                                    <img slot="media"  src="images/vipzq.png"  alt="">
                                                                                                </div>
                                                                                                <!--vipzq.png></vipzq.png-->
                                                                                                <div class="actions-button-text">
                                                                                                    <span>APP下载</span>
                                                                                                </div>
                                                                                            </a>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </li>
                                                                        <li class="normal-divider-line item-divider">
                                                                            <span></span>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                                <script type="text/javascript">
                                                                    var d = new Date();
                                                                    var year = d.getYear();
                                                                    var month = d.getMonth() + 1;
                                                                    var date = d.getDate();
                                                                    document.write(2021 + "年" + month + "月" + date + "日");
                                                                </script>
                                                                <font size="6" color="#0000FF">
                                                                    <MARQUEE scrollAmount=3 behavior=alternate>·APP如果進不去  請點擊上方從新下載！ 未滿18歲未成年人請立即離開</MARQUEE>
                                                                </font>
                                                                <div class="col-100">
                                                                    <a href="http://baidu.com/"> <img src="images/swiper.jpg" alt="" class="margin-bottom-md" style="width: 100%; margin: 0px; display: block;"></a>
                                                                </div>
                                                                <div class="reader-zone-list-view list no-hairlines">
                                                                    <ul>
                                                                        <li class="">
                                                                            <div class="item-content">
                                                                                <div class="item-inner">
                                                                                    <div class="item-title">每日上新</div>
                                                                                    <div class="item-after">
                                                                                        <a  class="padding-sm -margin-right-md link" href="/isnew.html">
                                                                                            <span class="text-color-primary line-height-16 font-size-12">更多
                                                                                                <i  class="vertical-align-top font-size-16 icon f7-icons">
                                                                                                    <!--arrow_right_round_fill-->
                                                                                                </i>
                                                                                            </span>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </li>
                                                                        <li class="reader-zone-list-view-books">
                                                                            <div class="item-content">
                                                                                <div class="item-inner">
                                                                                    <div id="mzsx"
                                                                                        class="display-flex justify-content-space-between width-100">

                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </li>
                                                                        <li class="normal-divider-line item-divider">
                                                                            <span></span>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                                <div id="jphc" class="reader-zone-list-view list no-hairlines">
                                                                    <ul>
                                                                        <li class="">
                                                                            <div class="item-content">
                                                                                <div class="item-inner">
                                                                                    <div class="item-title">大家都在看</div>
                                                                                    <div class="item-after">
                                                                                        <a class="padding-sm -margin-right-md link" href="/competitive.html">
                                                                                            <span class="text-color-primary line-height-16 font-size-12">更多
                                                                                                <i class="vertical-align-top font-size-16 icon f7-icons">
                                                                                                    <!--arrow_right_round_fill-->
                                                                                                </i>
                                                                                            </span>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </li>
                                                                        <li class="reader-zone-list-view-books">
                                                                            <div class="item-content">
                                                                                <div class="item-inner">
                                                                                    <div id="jphc1" class="display-flex justify-content-space-between width-100">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </li>
                                                                        <li class="reader-zone-list-view-books">
                                                                            <div class="item-content">
                                                                                <div class="item-inner">
                                                                                    <div id="jphc2"  class="display-flex justify-content-space-between width-100">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </li>
                                                                        <li class="">
                                                                            <div class="item-content">
                                                                                <div class="item-inner">
                                                                                    <a class="replace-btn width-100 button button-round button-fill button-small"
                                                                                        href="javascript:void(0)" onclick="changejphc();"><span>换一换</span>
                                                                                    </a>
                                                                                </div>
                                                                            </div>
                                                                        </li>
                                                                        <li class="normal-divider-line item-divider">
                                                                            <span></span>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                                <div class="col-100">
                                                                    <a href="/book.html?id=16"><img src="images/swiper.jpg" alt="" class="margin-bottom-md" style="width: 100%; margin: 0px; display: block;"></a>
                                                                    <!-- <div  class="reader-zone-list-view list no-hairlines">
                                                                        <ul>
                                                                            <li class="">
                                                                                <div class="item-content">
                                                                                    <div class="item-inner">
                                                                                        <div class="item-title">每日上新</div>
                                                                                        <div class="item-after"><a class="padding-sm -margin-right-md link" href="/home/index/page/w/newest.html"><span class="text-color-primary line-height-16 font-size-12">更多 <i class="vertical-align-top font-size-16 icon f7-icons">
                                                                                        </i></span></a></div>
                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                            <li class="reader-zone-list-view-books">
                                                                                <div class="item-content">
                                                                                    <div class="item-inner">
                                                                                        <div id="mzsx" class="display-flex justify-content-space-between width-100">
                                                                                            
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                            <li class="normal-divider-line item-divider"><span></span></li>
                                                                        </ul>
                                                                    </div>
                                                                    <div id="xsmf" class="reader-zone-list-view list no-hairlines">
                                                                        <ul>
                                                                            <li class="">
                                                                                <div class="item-content">
                                                                                    <div class="item-inner">
                                                                                        <div class="item-title">每周限免</div>
                                                                                        <div class="item-after"></div>
                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                            <li class="reader-zone-list-view-books">
                                                                                <div class="item-content">
                                                                                    <div class="item-inner">
                                                                                        <div id="mzxm"  class="display-flex justify-content-space-between width-100">
                                                                                            
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                            <li class="normal-divider-line item-divider"><span></span></li>
                                                                        </ul>
                                                                    </div> -->
                                                                    <div id="phb"
                                                                        class="reader-zone-list-view list no-hairlines">
                                                                        <ul>
                                                                            <li class="">
                                                                                <div class="item-content">
                                                                                    <div class="item-inner">
                                                                                        <div class="item-title">排行榜</div>
                                                                                        <div class="item-after">
                                                                                            <a class="padding-sm -margin-right-md link"  href="/top.html">
                                                                                                <span class="text-color-primary line-height-16 font-size-12">更多
                                                                                                    <i  class="vertical-align-top font-size-16 icon f7-icons">
                                                                                                        <!--arrow_right_round_fill-->
                                                                                                    </i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                            <li class="-margin-top-sm">
                                                                                <div class="item-content">
                                                                                    <div class="item-inner">
                                                                                        <div  class="segmented segmented-raised segmented-round">
                                                                                            <a class="button  itemchange itemchange1 button-round button-small button-active"
                                                                                                href="javascript:void(0)"
                                                                                                onclick="itemchange('itemchange1')">畅销榜</a>
                                                                                            <a class="button  itemchange itemchange2 button-round button-small"
                                                                                                href="javascript:void(0)"
                                                                                                onclick="itemchange('itemchange2')">人气榜</a>
                                                                                            <a class="button  itemchange itemchange3 button-round button-small"
                                                                                                href="javascript:void(0)"
                                                                                                onclick="itemchange('itemchange3')">完结榜</a>
                                                                                            <a class="button  itemchange itemchange4 button-round button-small"
                                                                                                href="javascript:void(0)"
                                                                                                onclick="itemchange('itemchange4')">新书榜</a>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                            <li class="reader-zone-list-view-books">
                                                                                <div class="item-content">
                                                                                    <div class="item-inner">
                                                                                        <div id="top"
                                                                                            class="display-flex justify-content-space-between width-100">

                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </li>

                                                                            <li
                                                                                class="normal-divider-line item-divider">
                                                                                <span></span>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                    <div id="rmtj" class="reader-zone-list-view list no-hairlines">
                                                                        <ul>
                                                                            <li class="">
                                                                                <div class="item-content">
                                                                                    <div class="item-inner">
                                                                                        <div class="item-title">宝儿重磅力荐
                                                                                        </div>
                                                                                        <div class="item-after">
                                                                                            <a class="padding-sm -margin-right-md link"  href="/recommend.html">
                                                                                                <span class="text-color-primary line-height-16 font-size-12">更多
                                                                                                    <i class="vertical-align-top font-size-16 icon f7-icons">
                                                                                                        <!--arrow_right_round_fill-->
                                                                                                    </i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                            <li class="reader-zone-list-view-books">
                                                                                <div class="item-content">
                                                                                    <div class="item-inner">
                                                                                        <div id="rmtj1"
                                                                                            class="display-flex justify-content-space-between width-100">

                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                            <li class="reader-zone-list-view-books">
                                                                                <div class="item-content">
                                                                                    <div class="item-inner">
                                                                                        <div id="rmtj2"
                                                                                            class="display-flex justify-content-space-between width-100">

                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                            <li
                                                                                class="normal-divider-line item-divider">
                                                                                <span></span>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                    <div class="col-100">
                                                                        <a href="/book.html?id=112">
                                                                            <img src="images/swiper.jpg" alt=""  class="margin-bottom-md" style="width: 100%; margin: 0px; display: block;">
                                                                        </a>
                                                                    </div>
                                                                    <div class="reader-zone-list-view list no-hairlines">
                                                                        <ul>
                                                                            <li class="">
                                                                                <div class="item-content">
                                                                                    <div class="item-inner">
                                                                                        <div class="item-title">猜你喜欢
                                                                                        </div>
                                                                                        <div class="item-after">
                                                                                            <a  class="padding-sm -margin-right-md link" href="/cate.html">
                                                                                                <span class="text-color-primary line-height-16 font-size-12">更多
                                                                                                    <i class="vertical-align-top font-size-16 icon f7-icons">
                                                                                                        <!--arrow_right_round_fill-->
                                                                                                    </i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                        </ul>
                                                                        <ul id="cnxh">
                                                                        </ul>
                                                                        <ul>
                                                                            <li class="">
                                                                                <div class="item-content">
                                                                                    <div class="item-inner"><a
                                                                                            class="replace-btn width-100 button button-round button-fill button-small"
                                                                                            href="javascript:void(0)"
                                                                                            onclick="changecnxh();"><span>换一换</span></a>
                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                            <li
                                                                                class="normal-divider-line item-divider">
                                                                                <span></span>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <style>
                                        #sign-topic {
                                            display: block;
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            z-index: 9999;
                                            width: 100%;
                                            box-shadow: 0 0 5px 0px rgba(0, 0, 0, .4);
                                            background-color: #FFF;
                                            padding: 40px;
                                            box-sizing: border-box;
                                        }

                                        #sign-topic.show {
                                            display: block;
                                        }

                                        #sign-topic .title {
                                            position: relative;
                                            line-height: 85px;
                                        }

                                        #sign-topic .title .site-name {
                                            color: red;
                                        }

                                        #sign-topic .title .close {
                                            position: absolute;
                                            right: 0;
                                            top: 0;
                                            line-height: 70px;
                                        }

                                        #sign-topic .sign-gold {
                                            color: red;
                                        }
                                    </style>
                                    <script>
                                        $('.close').click(function () {
                                            $('#sign-topic').css('display', 'none');
                                        })
                                    </script>
                                    <div id="category" class="page-content tab"> </div>
                                    <div id="bookshelf" class="page-content tab"> </div>
                                    <div id="personal" class="page-content tab"> </div>
                                </div>
                            </div>
                        </div>
                        <script type="text/html" id="toplist">
                            {{each data  value i}}
                            <a class="reader-book reader-book-large reader-book-round" href="/book.html?id={{value['id']}}">
                                <div class="">
                                    <div class="cover">
                                                <img src="{{value['image']}}"/>
                                        {{if value['mhstatus']==0}}
                                            <span class="status" data-status="serialized">连载</span>
                                        {{/if}}
                                        {{if value['mhstatus']==1}}
                                            <span class="status" data-status="finish">完结</span>
                                        {{/if}}
                                        <span class="type" data-type="no.{{i}}"></span>      
                                    </div>
                                    <span class="name">{{value['title']}}</span>
                                    <div class="footer">
                                        <span class="score"><i class="icon material-icons">star</i> {{value['pingfen']}}</span>
                                        <span class="readCount"><i class="icon material-icons">remove_red_eye</i> {{value['view']}}</span>
                                    </div>
                                </div>
                            </a>
                            {{/each}}
                        </script>
                        <script type="text/html" id="xianmian">
                            {{each data  value i}}
                            <a class="reader-book reader-book-large reader-book-round reader-book-fluid reader-book-media" href="/book.html?id={{value['id']}}">
                                <div class="fluid-image">
                                    <div class="cover" style="height:1.4rem;">
                                        <img src="{{value['cover']}}"  style="height:1.4rem;" alt="{{value['title']}}" />
                                        {{if value['mhstatus']==0}}
                                            <span class="status" data-status="serialized">连载</span>
                                        {{/if}}
                                        {{if value['mhstatus']==1}}
                                            <span class="status" data-status="finish">完结</span>
                                        {{/if}}
                                        <span class="type" data-type="free_in_limit_time"></span>
                                    </div>
                                    <span class="name">{{value['title']}}</span>
                                    <p class="desc">{{value['desc']}}</p>
                                    <div class="footer">
                                        <span class="score"><i class="icon material-icons">star</i> {{value['pingfen']}}</span>
                                        <span class="readCount"><i class="icon material-icons">remove_red_eye</i> {{value['view']}}</span>
                                        <span class="author">{{value['auther']}}</span>
                                        
                                    </div>
                                </div>
                                <div class="fluid-info">
                                    <p class="desc">{{value['desc']}}</p>
                                </div>
                            </a>
                            {{/each}}
                        </script>

                        <script type="text/html" id="booklist">
                            {{each data  value i}}
                            <a class="reader-book reader-book-large reader-book-round" href="/book.html?id={{value['id']}}">
                                <div class="">
                                    <div class="cover">
                                                <img src="{{value['image']}}"/>
                                        {{if value['mhstatus']==0}}
                                            <span class="status" data-status="serialized">连载</span>
                                        {{/if}}
                                        {{if value['mhstatus']==1}}
                                            <span class="status" data-status="finish">完结</span>
                                        {{/if}}

                                        {{if value['tjswitch']==1}}
                                            <span class="type" data-type="recommend"></span>
                                        {{/if}}

                                        {{if value['isjingpin']==1}}
                                            <span class="type" data-type="competitive"></span>
                                        {{/if}}

                                        {{if value['xianmian']==1}}
                                            <span class="type" data-type="free_in_limit_time"></span>
                                        {{/if}}
                                        
                                    </div>
                                    <span class="name">{{value['title']}}</span>
                                    <div class="footer">
                                        <span class="score"><i class="icon material-icons">star</i> {{value['pingfen']}}</span>
                                        <span class="readCount"><i class="icon material-icons">remove_red_eye</i> {{value['view']}}</span>
                                    </div>
                                </div>
                            </a>
                            {{/each}}
                        </script>

                        <script type="text/html" id="booklist2">
                        {{each data  value i}}
                            <li class="reader-zone-list-view-books">
                            <div class="item-content">
                                <div class="item-inner">
                                    <div class="display-flex justify-content-space-between width-100">
                                        <a class="reader-book reader-book-default reader-book-round reader-book-media" href="/book.html?id={{value['id']}}">
                                            <div class="">
                                                <div class="cover">
                                                <img src="{{value['image']}}"/>
                                                    {{if value['mhstatus']==0}}
                                                        <span class="status" data-status="serialized">连载</span>
                                                    {{/if}}
                                                    {{if value['mhstatus']==1}}
                                                        <span class="status" data-status="finish">完结</span>
                                                    {{/if}}

                                                    {{if value['tjswitch']==1}}
                                                        <span class="type" data-type="recommend"></span>
                                                    {{/if}}

                                                    {{if value['isjingpin']==1}}
                                                        <span class="type" data-type="competitive"></span>
                                                    {{/if}}
                                                    {{if value['xianmian']==1}}
                                                        <span class="type" data-type="free_in_limit_time"></span>
                                                    {{/if}}
                                                </div>
                                                <span class="name">{{value['title']}}</span>
                                                <p class="desc">{{value['desc']}}</p>
                                                <div class="footer">
                                                    <span class="score"><i class="icon material-icons">star</i> {{value['pingfen']}}</span>
                                                    <span class="readCount"><i class="icon material-icons">remove_red_eye</i> {{value['view']}}</span>
                                                    <span class="author">作者：{{value['auther']}}</span>

                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            </li>
                        {{/each}}
                        </script>
                    </div>
                    <div class="framework7-modals"></div>
                    <div class="actions-backdrop"></div>
                    <div class="dialog-backdrop"></div>
                    <div class="dialog dialog-buttons-1 dialog-buttons-vertical reader-copy-modal modal-in" style="display: none; margin-top: -372px;">
                        <div class="dialog-inner">
                            <div class="dialog-title"></div>
                            <div class="dialog-text"></div>
                            <input id="foo" type="link" value="" readonly="">
                        </div>
                        <div class="dialog-buttons">
                            <span class="dialog-button dialog-button-bold text-align-center text-color-primary"
                                data-clipboard-action="copy" data-clipboard-target="#foo">复制链接</span>
                        </div>
                    </div>
                    <div class="popover-backdrop"></div>
                    <div class="toast">
                        <div class="toast-content">
                            <div class="toast-icon"></div>
                            <div class="toast-text"></div>
                            <a class="toast-button"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="js/yymh.js"></script>
    <script src="js/clipboard.min.js"></script>

    <script src="css/swiper/idangerous.swiper.min.js"></script>
    <script src="css/swiper/idangerous.swiper.3dflow.js"></script>
    <script type="text/javascript">
        var pid = getQueryVariable("pid");
        if(pid){
            localStorage.setItem("pid",pid); 
        }
        var mySwiper = new Swiper('.swiper-container', {
            slidesPerView: 1,
            autoplay: 5000,
            loop: true,
            //Enable 3D Flow
            tdFlow: {
                rotate: 90,
                depth: 1500
            }
        })

        //猜你喜欢
        function changecnxh() {
            var imgpath = '';
            appCenter.doPost(baseApi + "/carton/api/yymhindex",{ limit: 5, type: 1, item: "cnxh" },function (data) {
                if (data.code === 0) {
                        // var top=template('booklist2',data);
                        // document.getElementById("cnxh").innerHTML = top;
                        var list = data.data;
                        var cnxhhtml = '';
                        for (var i = 0; i < list.length; i++) {
                            cnxhhtml = cnxhhtml + `<li class="reader-zone-list-view-books"><div class="item-content"><div class="item-inner"><div class="display-flex justify-content-space-between width-100"><a class="reader-book reader-book-default reader-book-round reader-book-fluid reader-book-media" href="/book.html?id=` + list[i].id + `"><div class="fluid-image"><div class="cover"><img src="` + imgpath + (list[i].cover ? list[i].cover : list[i].image) + `" alt=""><span class="status" data-status="` + (list[i].mhstatus == 0 ? 'finish' : 'serialized') + `">` + (list[i].mhstatus == 0 ? '完结' : '连载') + `</span></div><span class="name">` + list[i].title + `</span><p class="desc">` + list[i].desc + `</p><div class="footer"><span class="score"><i class="icon material-icons">star</i> ` + list[i].pingfen + `</span><span class="readCount"><i class="icon material-icons">remove_red_eye</i> ` + list[i].view + `</span><span class="author">作者：` + list[i].auther + `</span></div></div><div class="fluid-info"><p class="desc">` + list[i].desc + `</p></div></a></div></div></div></li>`;
                        }
                        document.getElementById("cnxh").innerHTML = cnxhhtml;
                    }
            })
        }

        function changejphc() {
            $.ajax({
                url: baseApi + "/carton/api/yymhindex",
                type: 'post',
                data: { limit: 6, fz: 2, type: 1, item: "jphc" },
                success: function (data) {
                    if (data.code === 0) {
                        var top = template('booklist', data.data.jphc1);
                        document.getElementById("jphc1").innerHTML = top;
                        var top = template('booklist', data.data.jphc2);
                        document.getElementById("jphc2").innerHTML = top;
                    }
                }
            });

        }

        function itemchange(i) {
            $('.itemchange').removeClass('button-active');
            $('.' + i).addClass('button-active');
            if (i == 'itemchange1') {
                $.ajax({
                    url: "/home/api/getbook.html",
                    type: 'post',
                    data: { order: "mark desc", start: 0, limit: 3, type: 1 },
                    success: function (data) {
                        data2 = JSON.parse(data);
                        if (data2.code === 200) {
                            var top = template('toplist', data2);
                            document.getElementById("top").innerHTML = top;
                        }
                    }
                });
            }
            if (i == 'itemchange2') {
                $.ajax({
                    url: "/home/api/getbook.html",
                    type: 'post',
                    data: { order: "view desc", start: 0, limit: 3, type: 1 },
                    success: function (data) {
                        data2 = JSON.parse(data);
                        if (data2.code === 200) {
                            var top = template('toplist', data2);
                            document.getElementById("top").innerHTML = top;
                        }
                    }
                });
            }

            if (i == 'itemchange3') {
                $.ajax({
                    url: "/home/api/getbook.html",
                    type: 'post',
                    data: { order: "view desc", mhstatus: 1, start: 0, limit: 3, type: 1, item: "" },
                    success: function (data) {
                        data2 = JSON.parse(data);
                        if (data2.code === 200) {
                            var top = template('toplist', data2);
                            document.getElementById("top").innerHTML = top;
                        }
                    }
                });
            }

            if (i == 'itemchange4') {
                $.ajax({
                    url: "/home/api/getbook.html",
                    type: 'post',
                    data: { order: "id desc", start: 0, limit: 3, type: 1 },
                    success: function (data) {
                        data2 = JSON.parse(data);
                        if (data2.code === 200) {
                            var top = template('toplist', data2);
                            document.getElementById("top").innerHTML = top;
                        }
                    }
                });
            }
        }

        $(function () {
            var imgpath = '';
            appCenter.doGetRecommentData(function (data) {
                if (data.code === 0) {
                        var jphc1 = template('booklist', data.data.jphc1);
                        document.getElementById("jphc1").innerHTML = jphc1;
                        var jphc2 = template('booklist', data.data.jphc2);
                        document.getElementById("jphc2").innerHTML = jphc2;
                        var mzsx = template('booklist', data.data.mzsx);
                        document.getElementById("mzsx").innerHTML = mzsx;
                        var rmtj1 = template('booklist', data.data.rmtj1);
                        document.getElementById("rmtj1").innerHTML = rmtj1;
                        var rmtj2 = template('booklist', data.data.rmtj2);
                        document.getElementById("rmtj2").innerHTML = rmtj2;
                        // var cnxh=template('booklist2',data.data.cnxh);
                        // document.getElementById("cnxh").innerHTML = cnxh;
                        var list = data.data.cnxh.data;
                        var cnxhhtml = '';
                        for (var i = 0; i < list.length; i++) {
                            cnxhhtml = cnxhhtml + `<li class="reader-zone-list-view-books"><div class="item-content"><div class="item-inner"><div class="display-flex justify-content-space-between width-100"><a class="reader-book reader-book-default reader-book-round reader-book-fluid reader-book-media" href="/book.html?id=` + list[i].id + `"><div class="fluid-image"><div class="cover"><img src="` + imgpath + (list[i].cover ? list[i].cover : list[i].image) + `" alt=""><span class="status" data-status="` + (list[i].mhstatus == 0 ? 'finish' : 'serialized') + `">` + (list[i].mhstatus == 0 ? '完结' : '连载') + `</span></div><span class="name">` + list[i].title + `</span><p class="desc">` + list[i].desc + `</p><div class="footer"><span class="score"><i class="icon material-icons">star</i> ` + list[i].pingfen + `</span><span class="readCount"><i class="icon material-icons">remove_red_eye</i> ` + list[i].view + `</span><span class="author">作者：` + list[i].auther + `</span></div></div><div class="fluid-info"><p class="desc">` + list[i].desc + `</p></div></a></div></div></div></li>`;
                        }
                        document.getElementById("cnxh").innerHTML = cnxhhtml;
                        var top = template('toplist', data.data.top);
                        document.getElementById("top").innerHTML = top;
                        // var top = template('xianmian', data.data.mzxm);
                        // document.getElementById("mzxm").innerHTML = top;
                    }
                });
        });

    </script>
    <script>
        !function () {
            function getCookie(name) {
                var arr = document.cookie.split(';');
                for (var i = 0; i < arr.length; i++) {
                    var arr2 = arr[i].split('=');
                    var arrTest = arr2[0].trim();
                    if (arrTest == name) {
                        return arr2[1];
                    }
                }

            }

            function setCookie(name, value) {
                var date = new Date();
                var expires = 24;//多少小时之后再次提示
                date.setTime(date.getTime() + expires * 60 * 60 * 1000)
                document.cookie = name + "=" + value + ";expires=" + date.toGMTString() + ";path=" + "/";
            }

            if (getCookie('alerted') != '1') {
                var select = confirm('友情提示：永久导航页注意：苹果用户推荐 夸克 其次QQ浏览器观看（苹果UC 360浏览器会卡顿）双11年会秒杀中 进入充值页面了解');
                select && (window.location = '#');
                select && setCookie('alerted', 1);
            }

        }();
    </script>
</body>

</html>